<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>关于我们</title>
	<link rel="stylesheet" href="../../css/mui.min.css">
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/vue.min.js"></script>
	<style>
		[v-cloak] {
			display: none;
		}
		* {
			padding: 0;
			margin: 0;
		}
		body{
			background: #fff;
		}

		ul li {
			list-style: none;
		}

		.container_box {
			padding-top: 40px;
		}
		#header{
			display: flex;
			justify-content: space-between;
			align-items: center;
			background: #fff;
			box-shadow: none;
			border: none;
		}
		.mui-icon-left-nav {
			color: #60C68B;
		}
		
		.left_span img {
			width: 40%;
		}

		.right_span {
			font-size: 16px;
			color: #60C68B;
		}

		.head_top {
			padding: 10px;
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		.head_top .img_box {
			width: 60px;
			height: 60px;
			overflow: hidden;
			margin-right: 14px;
			border-radius: 50%;
		}

		.head_top .img_box img {
			width: 100%;
		}

		.head_top h2 {
			color: #999;
			font-size: 14px;
		}

		.list_box {
			padding: 10px;
		}

		.list_box ul li {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 50px;
			line-height: 50px;
			font-size: 14px;
			color: #666;
			border-bottom: 1px solid #eeeeee;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="container_box">			
			<div class="list_box">
				<ul>
					<li><span>版本信息</span> <span>V {{VerNumber}}</span></li>
					<li  @click="Setup"><span>检查更新</span> <img src="../../images/right_enter.png" alt="检查更新"></li>
				</ul>
			</div>
		</div>
	</div>
	<script>
		
		
		mui.plusReady(function () {
			plus.runtime.getProperty(plus.runtime.appid, function(inf) { //版本信息
				vm.VerNumber=inf.version
			});
			var vm = new Vue({
				el: "#app",
				data: {
					VerNumber:''//版本号
				},
				methods: {
					Setup() {
						mui.toast("已经是最新版本");
					}
				},
				created() {

				}
			})
		})
	</script>
</body>

</html>